import { createRouter, createWebHashHistory, RouteRecordRaw } from "vue-router";

const routes: Array<RouteRecordRaw> = [
  {
    path: "/",
    name: "Index",
    component: () => import("../views/index/index.vue"),
    children: [
      {
        path: "tab1",
        name: "Tab1",
        component: () => import("../views/tab1/index.vue"),
      },
      {
        path: "tab2",
        name: "Tab2",
        component: () => import("../views/tab2/index.vue"),
      },
      {
        path: "tab3",
        name: "Tab3",
        component: () => import("../views/tab3/index.vue"),
      },
      {
        path: "tab4",
        name: "Tab4",
        component: () => import("../views/tab4/index.vue"),
      },
      {
        path: "tab5",
        name: "Tab5",
        component: () => import("../views/tab5/index.vue"),
      },
      {
        path: "tab6",
        name: "Tab6",
        component: () => import("../views/tab6/index.vue"),
      },
      {
        path: "tab7",
        name: "Tab7",
        component: () => import("../views/tab7/index.vue"),
      },
      {
        path: "tab8",
        name: "Tab8",
        component: () => import("../views/tab8/index.vue"),
      },
      {
        path: "tab9",
        name: "Tab9",
        component: () => import("../views/tab9/index.vue"),
      },
      {
        path: "tab10",
        name: "Tab10",
        component: () => import("../views/tab10/index.vue"),
      },
      {
        path: "tab11",
        name: "Tab11",
        component: () => import("../views/tab11/index.vue"),
      },
      {
        path: "tab12",
        name: "Tab12",
        component: () => import("../views/tab12/index.vue"),
      },
    ],
  },
];

const router = createRouter({
  history: createWebHashHistory(),
  routes,
});

export default router;
